<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>中科金财年会抽奖</title>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/about.js"></script>
    <link rel="stylesheet" href="css/about.css">
    <style>
        *{margin:0;padding:0;}
        img{display:block;}
        i{font-style:normal;}
        .vetically{justify-content:center;align-items:center;display:-webkit-flex;}
        .prize_con{position: absolute;width: 100%;height: 100%;background: url(images/firstp_bg.jpg) no-repeat left top / 100% 100%;overflow: hidden;}
        .prize_grade{font-size:98px;color: #ffe9af;text-align: center;margin: 60px auto 0;}
        .prize_grade1{font-size:18px;color: #ffe9af;text-align: center;margin: 10px auto 0;}
        .prize_list{width:55%;height:230px;margin: 20px auto 55px;text-align: center;overflow: hidden;}
        .prize_list ul{width:100%;font-size:0;}
        .prize_list li{display:inline-block;font-size:45px;color:#f1bf90;text-align: center;width:20%;line-height:100px;font-family:Arial;}
        .start{width: 250px;height: 90px;margin:0 auto;cursor:pointer;}
        .prize_set{position: absolute;right: 60px;bottom:140px;font-size: 16px;color: #f7f3e8;line-height: 30px;}
        .prize_set li{display: inline-block;margin-left: 20px;}
        .set_grade select,.set_people input, .set_money input{background: #fff;width:110px;height:36px;border:1px solid #8f0000;margin-left: .1rem;color: #000;padding-left:10px;}
    </style>
</head>
<body>
<div class="wrap">
  <div class="prize_con">
      <div id='inputbox' class="box">
          <a class='x' href=''; οnclick="msgbox(0); return false;">关闭</a>
              <p  class="prize_grade1">本次抽奖采取机会均等、公开透明的原则;</p>
              <p  class="prize_grade1">本次抽奖现场抽取一等奖2名，二等奖3名，三等奖6名，四等奖10名，阳光普照奖若干(参与即可获得);</p>
              <p  class="prize_grade1">抽奖从最低奖项开始抽取;</p>
              <p  class="prize_grade1">凡当天到场员工均可参与抽奖;</p>
              <p  class="prize_grade1">中奖人员抽中后不再计入下次抽奖，如果出现重复的情况或者抽奖人员不在现场，则根据对应人次进行相关奖项的补充抽奖</p>
              <p  class="prize_grade1">抽奖过程中出现任何bug均与提供者无关，有问题找组织者，准没错</p>
              <p></p>
              <p  class="prize_grade1">抽奖人员清单:朱彦榜,张洋,于华威,尹良运,杨雪,徐晴,王子昊,王珍,王玉峰,王阳,王威,王思元,司雯,曲洋,欧阳宪天,茅佳荣,刘周,刘志坤,刘艺,刘威,刘明杭,接浩,黄锡华,过光锋,顾大为,耿磊,葛勇珍,高君林,董少洋,程仕杰,陈柏君,<strong style="color: #111111">刘红才(假装参与)</strong></p>
      </div>

      <p class="prize_grade" id = "EleId"><span>开始抽奖</span> <i>****</i>元</p>
        <div class="prize_list vetically" id = "EleId1">
          <ul>
              <li><li>
              <li><li>
              <li><li>
              <li><li>
              <li><li>
              <li>科技<li>
              <li>提升<li>
              <li>价值<li>
              <li><li>
              <li><li>
          </ul>
        </div>
      <p class="start"><img src="images/prize_start.png" alt=""></p>
      <ul class="prize_set" id = "EleId2">
          <li class="set_grade">奖等
            <select id="set_grade">
              <option>选择奖等</option>
              <option>一等奖</option>
              <option>二等奖</option>
              <option>三等奖</option>
              <option>四等奖</option>
            </select>
          </li>
          <li class="set_people">人数<input type="tel" placeholder="输入中奖人数" id="prizeCount"></li>
          <li class="set_money">金额<input type="tel" placeholder="输入中奖金额" id="prizeMoney"></li>
          <input   type="button" onClick="msgbox(1)" value="关于抽奖">
      </ul>

  </div>
    <audio id="startMusic" loop="loop">
        <source src="sound/start.mp3" type="audio/mpeg">
    </audio>
    <audio id="endMusic" loop="loop">
        <source src="sound/end.mp3" type="audio/mpeg">
    </audio>
</div>
<input type="hidden" value="0" id="prize_btn">
</body>
</html>
